<!DOCTYPE html>
<html lang="zh_cn">
<head>
    <link rel='icon' href='../image/luoxiaohei.ico ' type=‘image/x-ico’ />
    <link href="css/index.css" type="text/css" rel="stylesheet"/>
    <script src="../js/BSKPublickFunction.js" type="text/javascript"></script>
    <script src="js/index.js" type="text/javascript"></script>
    <script src="../js/jquery-3.1.1.min.js"></script>
    <meta charset="UTF-8">
    <!--让window宽度等于设备宽度-->
    <!--<meta name="viewport" content="width=device-width, initial-scale=1">-->
    <title>BlueSky的小窝</title>
</head>
<body >
<div class = "mainDiv">
    <div id="luoxiaoheiDiv">
        <img src="../image/luoxiaohepaobu.gif" id = "luoxiaohei">
    </div>
    <img src="../image/BlueSky-1.png" class="headImage" id = "headImg">
    <div class="titleDiv">
        BlueSky的小窝
        <div id="titleImageDiv"><img src="../image/luoxiaohei_title.gif"><p><a href="http://baike.baidu.com/view/6159854.htm" target="_blank">罗小黑</a>主题个人网站</p></div>
    </div>
    <div id="lxhImagesDiv">
        <img src="../image/lxh1.png" class="lxhImages">
        <img src="../image/lxh2.png" class="lxhImages">
        <img src="../image/lxh3.png" class="lxhImages">
        <img src="../image/lxh4.png" class="lxhImages">
        <img src="../image/lxh5.png" class="lxhImages">
        <img src="../image/lxh6.png" class="lxhImages">
        <img src="../image/lxh7.png" class="lxhImages">
        <img src="../image/lxh8.png" class="lxhImages">
        <img src="../image/lxh9.png" class="lxhImages">
        <img src="../image/lxh10.png" class="lxhImages">
        <img src="../image/lxh11.png" class="lxhImages">
        <img src="../image/lxh12.png" class="lxhImages">
    </div>
    <div class="menuDiv">
        <div class="menuContent" ><img src="../image/lxhHome.gif" id = "menuContentImage"><p id = "menuContentText">菜单的详细介绍内容在这里</p></div>
        <div class="menuItem"><img src="../image/home.png"><p class="menuItemText">首页</p></div>
        <div class="menuItem"><img src="../image/codeLife.png"><p class="menuItemText">博客</p></div>
        <div class="menuItem"><img src="../image/movie.png"><p class="menuItemText">电影</p></div>
        <div class="menuItem"><img src="../image/music.png"><p class="menuItemText">音乐</p></div>
        <div class="menuItem"><img src="../image/anime.png"><p class="menuItemText">动画</p></div>
        <div class="menuItem"><img src="../image/about.png"><p class="menuItemText">关于</p></div>
    </div>
    <div class="contentDiv">
        <iframe id="contentIFrame" scrolling="no">

        </iframe>
    </div>
    <div class="bottomDiv">
        <p class="bottomCopyright">&copy;2016 <a href="http://bluesky335.oschina.io">bluesky335.oschina.io</a><br>本网站托管于<a href="http://git.oschina.net/BlueSky335/BlueSky335/">码云</a></p>
    </div>
</div>
<div id="musicDiv">
    <img src="../image/changpian2.png" id="playerImage">
    <div id="controlsDiv">
        <img src="../image/stop.png" id="stopButton">
        <img src="../image/desk_pause.png" id="playerButton">
        <img src="../image/yinliang.png" id="yinliangButton" >
        <div id="musicNameDiv">ビードロ模様-やなぎなぎ</div>
        <input type="range" max="100" min="0" value="0" id="progresRang" onchange="playerRangeChange()" title="progress">
        <div id="timeTextDiv">00:00</div>
    </div>
    <div id="yinliangRangeDiv" style="visibility:hidden" ><input title="volume" type="range" max="100" min="0" value="100" id="yinliangRange"  onmousemove="yinliangRangeChange()"></div>
    <audio id="player" >
        <!--<source src="http://sc.111ttt.com/up/mp3/377798/3E61A7E5B0FF26044A8C00028F89FFAF.mp3" type="audio/mpeg">-->
        <source src="../mp3/123.mp3" type="audio/mpeg">
    </audio>
</div>
</body>
</html>